<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="小米帐号，小米账号，小米注册，注册，Mi Account，Sign in，小米，帐号，账号，小米帐户，登录，登陆，安全令牌，动态口令，小米注册，找回密码">
    <meta name="description" content="小米帐号能使用小米手机，MIUI，小米云，多看阅读，米聊，小米社区等小米服务。">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../sass/reset.css">
    <link rel="stylesheet" href="../sass/login.css">
    <script src="../../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../js/md5.js"></script>
    <style>
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
    <title>小米帐号 - 登录</title>
</head>

<body>
    <header>
        <div class="wrapper">
            <div class="logo">
                <a href="#" target="_self">小米网</a>
            </div>
        </div>
    </header>
    <main>
        <div class="banner">
            <a href="#" target="_self"></a>
        </div>
        <div class="wrap">
            <div class="layout_panel">
                <div class="layout">
                    <div class="mainbox">
                        <div class="nav-tabs">
                            <a href="#">帐号登录</a>
                            <span></span>
                            <a href="#">扫码登录</a>
                        </div>
                        <div class="tabs-con">
                            <div class="login-area">
                                <form action="../lib/login.php" method="POST">
                                    <label for="username" class="label1">
                                        <input type="text" id="username" name="username" placeholder="邮箱/手机号码/小米ID">
                                    </label>
                                    <label for="password" class="label2">
                                        <input type="password" id="password" name="password" placeholder="密码">
                                    </label>
                                    <input type="submit" value="登录">
                                </form>
                                <div class="other clear">
                                    <span class="left">
                                        <a href="#">手机短信登录/注册</a>
                                    </span>
                                    <div class="right">
                                        <a href="#">立即注册</a>
                                        <span>|</span>
                                        <a href="#">忘记密码？</a>
                                    </div>
                                </div>
                                <div class="img">
                                    <fieldset>
                                        <legend>其他方式登录</legend>
                                    </fieldset>
                                    <div class="img-bd">
                                        <a href="#" class="a1"><i class="i1"></i></a>
                                        <a href="#" class="a2"><i class="i2"></i></a>
                                        <a href="#" class="a3"><i class="i3"></i></a>
                                        <a href="#" class="a4"><i class="i4"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="top">
            <ul>
                <li><a href="#">简体</a>|</li>
                <li><a href="#">繁体</a>|</li>
                <li><a href="#">English</a>|</li>
                <li><a href="#">常见问题</a>|</li>
                <li><a href="#">隐私政策</a>|</li>
            </ul>
        </div>
        <div class="bottom">
            小米公司版权所有-京ICP备10046444-
            <a href="#">
                <span>
                    <img src="../img/ghs.png" alt="">
                </span> 京公网安备11010802020134号
            </a>
            -京ICP证110507号
        </div>
    </footer>
    <script type="text/javascript">
        var password = $('#password').val();
        //加密成md5
        password = $.md5(password);

        var str = $.md5("12345");
        console.log(str);
    </script>
</body>

</html>